﻿@model IEnumerable<Guline.SupportCMS.Models.Object.Article>
@{
    var first = Model.First();
    var listnext = Model.Skip(1);    
}


<div class="grid_7">
    @if (first != null)
    {
        <div class="mb hover-shadow">
            <a href="@Url.Action("Detail", "Content", new { ID = first.ID, Name = Guline.SupportCMS.Models.Utils.Utils.UrlRewriteString(first.Title) })">
                <img src="@first.Image" alt="@first.Title"></a>
        </div>
        <div class="post_m_content" style="margin-top: -30px">
            <h3><a href="@Url.Action("Detail", "Content", new { ID = first.ID, Name = Guline.SupportCMS.Models.Utils.Utils.UrlRewriteString(first.Title) })" title="@first.Title">@first.Title</a> </h3>
            <div class="hotdescription">
                @Html.Raw(HttpUtility.HtmlDecode(first.ShortDes))
            </div>
        </div>
    }
</div>
<div class="grid_5">
    <div class="small_slider_music owl-carousel owl-theme">
        <div class="item clearfix">

            @if (listnext.Count() > 0)
            {
                <ul class="small_posts">
                    @foreach (var nw in listnext)
                    {
                        <li class="clearfix">
                            <a class="s_thumb hover-shadow" title="@nw.Title" href="@Url.Action("Detail", "Content", new { ID = nw.ID, Name = Guline.SupportCMS.Models.Utils.Utils.UrlRewriteString(nw.Title) })">
                                <img width="70" height="70" src="@nw.Image" alt="@nw.Title"></a>
                            <h3><a href="@Url.Action("Detail", "Content", new { ID = nw.ID, Name = Guline.SupportCMS.Models.Utils.Utils.UrlRewriteString(nw.Title) })">@nw.Title</a></h3>

                        </li>
                    }
                </ul>
            }

        </div>
    </div>
    <!-- /slides -->
</div>
<div class="clearfix"></div>
<!-- post content -->
